:root {
    --orange-color: #b91d07;
    --light-orange-color: #ed5a18;
    --blue-color: #0b1b33;
    --light-blue-color: #283b53;
    --light-green-color: #add13f;
    --dark-green-color: #72a543;
    --white-color: #fff;
    --black-color: #000;
}

.site-container {
    max-width: 1300px;
    margin: auto;
    display: block;
    padding: 0 15px;
}
.container1200 {
    max-width: 1200px;
    margin: auto;
}
.container1100 {
    max-width: 1100px;
    margin: auto;
}
.container1000 {
    max-width: 1000px;
    margin: auto;
}
.container800 {
    max-width: 800px;
    margin: auto;
}

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    margin-bottom: 10px
}
.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}


.youtube-play-button {
    cursor: pointer;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}
.youtube-play-button img{
    width: 100%;
    height: auto;
}
.youtube-play-button .play-button {
    width: 90px;
    height: 60px;
    background-color: #333;
    box-shadow: 0 0 30px rgba( 0, 0, 0, 0.6);
    z-index: 1;
    opacity: 0.8;
    border-radius: 6px;
    cursor: pointer;
    top: 50%;
    left: 50%;
    transform: translate3d( -50%, -50%, 0);
    position: absolute;
}
.youtube-play-button:hover .play-button{
    background-color: #d02f38;
}
.youtube-play-button .play-button:before {
    content: "";
    border-style: solid;
    border-width: 15px 0 15px 26.0px;
    border-color: transparent transparent transparent #fff;
    border-width: 8px 0 8px 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d( -50%, -50%, 0);
}
.video-container-box {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}
.video-container-box .youtube-play-button {
    position: initial;
}
.video-youtube-box {
    position: relative;
}
.video-youtube-box img{
    margin: 0; 
    width: 100%;
    height: auto;
    float: left;
}
.video-iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.video-wrapper.shorts {
    position: relative;
    padding-bottom: 177.78%; 
    height: 0;
    margin-bottom: 10px;
    max-width: 400px; 
}
.video-wrapper.shorts iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-wrapper-shorts {
    /*aspect-ratio: 16 / 9;*/
    aspect-ratio: 9 / 16;
    width: 100%;
    max-width: 400px;
    overflow: hidden;
}

.video-wrapper-shorts iframe {
    width: 100%;
    height: 100%;
}


.youtube-play-button {
    cursor: pointer;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}
.youtube-play-button img{
    width: 100%;
    height: auto;
}
.youtube-play-button .play-button {
    width: 90px;
    height: 60px;
    background-color: #333;
    box-shadow: 0 0 30px rgba( 0, 0, 0, 0.6);
    z-index: 1;
    opacity: 0.8;
    border-radius: 6px;
    cursor: pointer;
    top: 50%;
    left: 50%;
    transform: translate3d( -50%, -50%, 0);
    position: absolute;
}
.youtube-play-button:hover .play-button{
    background-color: #d02f38;
}
.youtube-play-button .play-button:before {
    content: "";
    border-style: solid;
    border-width: 15px 0 15px 26.0px;
    border-color: transparent transparent transparent #fff;
    border-width: 8px 0 8px 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d( -50%, -50%, 0);
}
.video-container-box {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.video-container-box .youtube-play-button {
    position: initial;
}
.video-youtube-box {
    position: relative;
}
.video-youtube-box img{
    margin: 0; 
    width: 100%;
    height: auto;
    float: left;
}
.video-iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*for youtube short videos*/
.video-container-shorts {
    aspect-ratio: 9 / 16;
    width: 100%;
}
.youtube-shorts-button {
    aspect-ratio: 9 / 16;
    width: 100%;
}
.youtube-shorts-button img {
    height: 100%;
    width: auto;
    max-width: initial;
    translate: -35%;
    float: none;
    cursor: pointer;
}
.youtube-shorts-button .play-button {
    width: 90px;
    height: 60px;
    background-color: #333;
    box-shadow: 0 0 30px rgba( 0, 0, 0, 0.6);
    z-index: 1;
    opacity: 0.8;
    border-radius: 6px;
    cursor: pointer;
    top: 25%;
    left: 50%;
    transform: translate3d( -50%, -50%, 0);
    position: absolute;
}
.youtube-shorts-button:hover .play-button{
    background-color: #d02f38;
}
.youtube-shorts-button .play-button:before {
    content: "";
    border-style: solid;
    border-width: 15px 0 15px 26.0px;
    border-color: transparent transparent transparent #fff;
    border-width: 8px 0 8px 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d( -50%, -50%, 0);
}
.shorts-iframe-container {
    aspect-ratio: 9 / 16;
    width: 100%;
}
.shorts-iframe-container iframe {
    width: 100%;
    height: 100%;
}


.video-half,
.half-video {
    display: inline-block;
    width: 50%;
    float: left;
    padding-right: 15px;
    margin-right: 15px;
    margin-bottom: 5px;
}

.img-half,
.image-half,
.half-img,
.half-image {
    display: inline-block;
    width: 50%;
    float: left;
    padding-right: 15px;
    margin-right: 15px;
    margin-bottom: 5px;
}

.img-half.image-right,
.image-half.image-right,
.half-img.image-right,
.half-image.image-right,
.img-half.img-right,
.image-half.img-right,
.half-img.img-right,
.half-image.img-right {
    float: right;
    padding: 0;
    margin: 0;
    padding-left: 15px;
    margin-left: 15px;
    margin-bottom: 5px;
}

img {
    width: auto;
    max-width: 100%;
    height: auto;
}
img.full {
    width: 100%;
    height: auto;
}

.bold {
    font-weight: bold;
}
.center{
    text-align: center;
}           
.left-align,
.align-left {
    text-align: left;
}         
.right-align,
.align-right {
    text-align: right;
}

a {
    color: var(--orange-color);
    transition: all 0.4s ease;
}
a:hover {
    color: var(--white-color);
}

body {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    background: var(--black-color);
    color: #fff;
    overflow-x: hidden;
    background: #000 url(../images/default-pages-bg-img.jpg) top center no-repeat;
    /*background: #000 url(../images/bg-image-pages.jpg) top center no-repeat;*/
    background-size: cover;
    background: #000 url(../images/bg-image-general-3.jpg) top center repeat;
    background-size: 1000px;
    padding-top: 160px;
}
body.homepage {
    
}

h1, h2, h3, h4 {
    line-height: 1.4;
    font-weight: 400;
    font-family: "Oswald", sans-serif;
    text-transform: none;
}
h1 {
    font-size: 50px;
    margin: 30px 0;
    text-align: center;
    font-weight: 500;
}     
h2 {
    font-size: 40px;
    margin: 25px 0;
    text-align: center;
} 
h2 .light {
    font-weight: 300;
    letter-spacing: 1px;
}
h3 {
    font-size: 30px;
    margin: 20px 0;
}     
h4 {
    font-size: 24px;
    margin: 15px 0;
}   

p {
    font-size: 18px;
    line-height: 1.7;
    margin-bottom: 15px;
}
li {
    font-size: 18px;
    line-height: 1.7;
    margin-bottom: 5px;
}

ul, ol {
    margin-bottom: 15px;
    display: flow-root;
}
ul.two li{
    width: 50%;
    float: left;
    padding-right: 20px;
}
ul.three {
    display: inline-block;
    width: 100%;
}
ul.three li{
    width: 33%;
    float: left;
    padding-right: 20px;
}
ul.four {
    display: inline-block;
    width: 100%;
}
ul.four li{
    width: 25%;
    float: left;
    padding-right: 20px;
}

p.big {
    font-size: 22px;
}
.red {
    color: #91051c;
}

.mb10 {
    margin-bottom: 10px;
}
.mb20 {
    margin-bottom: 20px;
}
.mb30 {
    margin-bottom: 30px;
}
.mb50 {
    margin-bottom: 50px;
}
.mt10 {
    margin-top: 10px;
}
.mt20 {
    margin-top: 20px;
}
.mt30 {
    margin-top: 30px;
}
.mt50 {
    margin-top: 50px;
}


.buttons-center {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}
.buttons-center a {
    display: inline-block;
    margin: 10px;
    background: var(--orange-color);
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding: 10px 20px;
    border: 2px solid var(--light-orange-color);
    border-radius: 0px;
    cursor: pointer;
}
.buttons-center a:focus,
.buttons-center a:hover {
    /*background: var(--blue-color);*/
    background: var(--light-orange-color);
    text-decoration: none;
    color: #fff;
}
.default-button {
    background: var(--orange-color);
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding: 10px 20px;
    border: 2px solid var(--light-orange-color);
    border-radius: 0px;
    cursor: pointer;
    display: inline-block;
    margin: 10px;
}
.default-button:focus,
.default-button:hover {
    /*background: var(--blue-color);*/
    background: var(--light-orange-color);
    text-decoration: none;
    color: #fff;
}

.buttons-center a.blue {
    background: var(--blue-color);
    border: 2px solid var(--light-blue-color);
}
.buttons-center a.blue:focus,
.buttons-center a.blue:hover {
    /*background: var(--orange-color);*/
    background: var(--light-blue-color);
    text-decoration: none;
    color: #fff;
}
.default-button.blue {
    background: var(--blue-color);
    border: 2px solid var(--light-blue-color);
}
.default-button.blue:focus,
.default-button.blue:hover {
    /*background: var(--orange-color);*/
    background: var(--light-blue-color);
    text-decoration: none;
    color: #fff;
}


header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 10px 0;
    z-index: 9999;

    transition: all 0.4s ease;
}
header * {
    transition: all 0.4s ease;
}
header .site-container {

}
header .nav {

}
header .logo {
    display: inline-block;
    float: left;
}
header .logo img {
    max-width: 150px;
}
header .header-right {
    display: inline-block;
    float: right;
    margin-top: 6px;
}
header .header-right .contact {
    display: inline-block;
    line-height: 1;
}
header .header-right .contact:hover {

}
header .header-right .open-menu {
    display: inline-block;
    font-size: 30px;
    color: #fff;
    margin-left: 30px;
}
header .header-right .open-menu:hover {
    color: #ccc;
    cursor: pointer;
}
header .menu {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    width: 320px;
    background: #000;
    z-index: 999;
}
header .menu ul {
    padding-left: 25px;
    margin: 0;
}
header .menu ul li {
    list-style: none;
    margin-bottom: 20px;
}
header .menu ul li a {
    font-weight: 500;
    color: #fff;
}
header .menu ul li a:hover {
    color: var(--orange-color);
}
header .menu .close-menu {
    cursor: pointer;
    padding: 8px;
    color: #717171;
    margin-bottom: 20px;
    display: inline-block;
}
header .menu .close-menu:hover {
    color: #fff;
}
.menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0 0 0 / 70%);
    z-index: 99;
    display: none;
}
header.scrolled {
    box-shadow: 1px 1px 3px #676767;
    background: #000;
    padding: 2px;
}
header.scrolled .logo img {
    max-width: 70px;
}
header.scrolled {}
header.scrolled {}


.cta-footer {
    text-align: center;
    background: #b91d07;
    background: #0b1b33;
    padding: 20px 0;
    margin-top: 100px;
}
.cta-footer h2 {
    color: #f7d6c6;
    margin: 15px 0;
    font-family: serif;
}
.cta-footer p {
    font-style: italic;
    font-size: 25px;
    color: #f7d6c6;
    font-family: serif;
}

footer {
    background: #000 url(../images/footer-bg-image.jpg) center center no-repeat;
    background-size: cover;
    padding: 30px 0;
    color: #f7d6c6;
}
footer .footer-top {
    margin: 30px 0;
}
footer .footer-top .firis-img {
    float: left;
    margin-right: 25px;
}
footer .footer-top h2 {
    color: #f7d6c6;
    font-weight: 500;
    font-family: inherit;
    font-size: 30px;
    margin: 0px 0 10px;
    text-align: left;
}
footer .social-media a {
    display: inline-block;
    color: #f7d6c6;
    font-size: 25px;
    margin-right: 20px;
    margin-bottom: 15px;
}
footer .social-media a i {

}
footer .social-media {}
footer p.address {
    line-height: 1.5;
    /*margin: 10px 0;*/
}
footer p.address a {
    color: #f7d6c6;
}
footer p.phone {
    line-height: 1.5;
    /*margin: 10px 0;*/
}
footer p.phone a {
    color: #f7d6c6;
}
footer p.address a i,
footer p.phone a i {
    font-size: 16px;
}
footer .buttons {
    text-align: right;
}
footer .buttons a {
    display: inline-block;
    background: rgb(185 29 7 / 40%);
    padding: 10px;
    text-align: center;
    margin-bottom: 10px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    border-radius: 8px;
    border: 1px solid #b91d07;
    width: 300px;
    max-width: 100%;
}
footer .buttons a:hover {
    background: rgb(185 29 7);
    text-decoration: none;
}
footer .buttons a.main {

}
footer .copyright p {
    display: inline-block;
    margin: 10px 0;
    font-size: 16px;
}
footer .copyright .legal-links {
    display: inline-block;
    float: right;
    margin: 0;
}
footer .copyright .legal-links li {
    display: inline-block;
    line-height: normal;
    margin: 10px;
    margin-left: 30px;
}
footer .copyright .legal-links li a {
    color: #fff;
    font-size: 16px;
    color: #f7d6c6;
}



body.homepage {
    /*background: #000 url(../images/mci-hp-bg-img.jpg) top center no-repeat;*/
    background: #000 url(../images/bg-image-pattern.jpg) top center repeat;
    background: #000 url(../images/hp-bg-img-pattern.jpg) top center repeat;
    background-size: 100% auto;
    padding: 0;
}

/*.hp-bg-big {
    background: #000 url(../images/mci-hp-bg-image.jpg) center center no-repeat;
    background-size: cover;
}*/

.orange-cta {
    background: rgb(185 29 7 / 50%);
    text-align: center;
    padding: 20px;
    margin: 30px 0;
}
.orange-cta h2 {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 35px;
}

p.subtitle {
    text-align: center;
    font-size: 22px;
}

.default-text {
    min-height: 300px;
}
.default-text ul {
    padding-left: 20px;
}
.default-text ul li {
    /*background-image: url(../images/list-buttlet-icon.png);*/
    background-image: url(../images/list-buttlet-icon2.png);
    background-repeat: no-repeat;
    list-style: none;
    padding-left: 30px;
    background-size: 15px;
    background-position: 0 8px;
}

.image500 {
    display: inline-block;
    width: 500px;
    float: left;
    padding-right: 25px;
    margin-bottom: 5px;
}
.image500 img {
    max-width: 100%;
}
.image400 {
    display: inline-block;
    width: 400px;
    float: left;
    padding-right: 25px;
    margin-bottom: 5px;
}
.image400 img {
    max-width: 100%;
}
.image300 {
    display: inline-block;
    width: 300px;
    float: left;
    padding-right: 25px;
    margin-bottom: 5px;
}
.image300 img {
    max-width: 100%;
}
.image500.img-right,
.image400.img-right,
.image300.img-right {
    float: right;
    padding-right: 0px;
    padding-left: 25px;
}   


.text-section {
    margin: 50px 0;
}

hr {
    border-top: 2px solid #444;
}

.row .flex {
    display:-webkit-box;
    display:-moz-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    justify-content: center;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    display:-webkit-flex;
    flex-direction:row;
}
.row.flex {
    display:-webkit-box;
    display:-moz-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    display:-webkit-flex;
    flex-direction:row;
}

.hp-hero {
    /*background: #000 url(../images/Twilight-wildfire-with-reconnaissance-aircraft.jpg) center center no-repeat;*/
    background: #000 url(../images/bg-hero-bg-image.jpg) bottom center no-repeat;
    background-size: cover;
    padding-top: 180px;
    padding-bottom: 20px;
}
.hp-hero .text {
    max-width: 600px;
}
.hp-hero .text h1 {
    text-align: left;
}
.hp-hero .text p {
    margin: 30px 0;
}
.hp-hero .text .buttons a {
    margin-right: 15px;
    display: inline-block;
}

.overview-video {
    margin-top: 100px;
    border: 1px solid #626262;
    padding: 10px;
    background: rgb(11 27 51 / 50%);
}
.overview-video .row {
    display: flex;
    align-items: center;
}
.overview-video .video-wrapper {
    margin-bottom: 0px;
}
.overview-video h2 {
    margin: 10px 0;
    text-align: left;
}
.overview-video hr {
    margin-top: 15px;
    margin-bottom: 15px;
    border: 0;
    border-top: 1px solid #5c5c5c;
}
.overview-video p {
    font-size: 20px;
}


.h2-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;              /* space between text and lines */
    width: 100%;
    color: white;
    font-family: Arial, sans-serif;
    text-transform: uppercase;
}

.h2-title h2 {
    margin: 20px;
    position: relative;
}

.h2-title .line {
    flex: 1;
    height: 1px;
    background: rgba(255, 255, 255, 0.4);
    position: relative;
}

/* Optional arrow accents */
.h2-title .line::after {
    content: "";
    position: absolute;
    left: -12px;
    top: 50%;
    width: 10px;
    height: 10px;
    border-top: 2px solid rgba(255,255,255,0.4);
    border-right: 2px solid rgba(255,255,255,0.4);
    transform: translateY(-50%) rotate(45deg);
}

/* Left side arrow flipped */
.h2-title .line:first-child::after {
    right: -12px;
    left: auto;
    transform: translateY(-50%) rotate(-135deg);
}

.what-is-firis {
    padding: 50px 0;
    /*text-align: center;*/
}
.what-is-firis .col {
    margin: 10px 0;
}
.what-is-firis .box {
    text-align: center;
    padding: 20px;
    border: 1px solid #2a2a2a;
    background: rgb(11 27 51 / 70%);
}
.what-is-firis .col .icon {}
.what-is-firis .col .icon img {
    height: 60px;
    width: auto;
    margin-bottom: 15px;
}
.what-is-firis .col span {
    font-weight: 500;
    font-size: 20px;
}
.what-is-firis .col a {
    color: #fff;
}
.what-is-firis .col:hover a {
    color: var(--orange-color);
    text-decoration: none;
}
.what-is-firis .col {}
.what-is-firis {}
.what-is-firis {}


.build-exp {

}
.build-exp .cols {

}
.build-exp .col {
    text-align: center;
    margin: 20px 0;
}
.build-exp .box {

}
.build-exp .col .icon {
    text-align: center;
}
.build-exp .col .icon img {
    max-height: 80px;
    width: auto;
    margin: auto;
}
.build-exp .col h4 {
    font-weight: 400;
}
.build-exp .col p {
    font-size: 16px;
    line-height: 1.5;
}
.build-exp {}
.build-exp {}


.our-approach {
    text-align: center;
}
.our-approach h3 {
    color: var(--light-orange-color);
    margin: 10px 0;
}
.our-approach {}
.our-approach {}


.mission-comm-hp {
    padding: 50px 0;
    text-align: center;
}
.mission-comm-hp .items {
    display:-webkit-box;
    display:-moz-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    justify-content: center;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    display:-webkit-flex;
    flex-direction:row;
}
.mission-comm-hp .item {
    max-width: 220px;
    display: flex;
    margin: 10px;
}
.mission-comm-hp .box {
    text-align: center;
    padding: 15px;
    border: 1px solid #2a2a2a;
    background: rgb(11 27 51 / 50%);
}
.mission-comm-hp .item .icon {}
.mission-comm-hp .item .icon img {
    height: 50px;
    width: auto;
    margin-bottom: 15px;
}
.mission-comm-hp .item span {
    font-weight: 500;
    font-size: 18px;
}

.mission-comm-hp {}
.mission-comm-hp {}


.elite-level {
    padding: 50px 0;
}
.elite-level ul {
    padding-left: 0px;
    margin-top: 20px;
}
.elite-level ul li {
    font-size: 20px;
    margin-bottom: 10px;
    list-style: none;
}
.elite-level ul li::before  {
    content: "✔ ";
    color: #b91d07;
    font-weight: bold;
    font-size: 22px;
    margin-right: 5px;
}
.elite-level {}
.elite-level {}
.elite-level {}



.operational-readiness {
    padding: 50px 0;
    text-align: center;
}
.operational-readiness .items {

}
.operational-readiness .item {
    display: inline-block;
    margin: 10px;
}
.operational-readiness .box {
    text-align: center;
    padding: 20px;
    border: 1px solid #2a2a2a;
    background: rgb(11 27 51 / 50%);
}
.operational-readiness .item p {
    margin: 0;
    font-size: 18px;
    line-height: 1;
    font-weight: 500;
}
.operational-readiness .item p span {
    font-size: 40px;
    font-weight: bold;
    margin-right: 10px;
}
.operational-readiness .locations {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 10px 0;
}
.operational-readiness .locations .loc {
    display: inline-block;
    margin: 15px;
    font-size: 18px;
}
.operational-readiness .locations .loc i {}



.four-col-icons {
    display:-webkit-box;
    display:-moz-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    justify-content: center;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    display:-webkit-flex;
    flex-direction:row;
}
.four-col-icons.red-bg {

}
.four-col-icons .col {
    text-align: center;
    margin: 20px 0;
}
.four-col-icons .box {
    /*background: rgb(106 104 104 / 20%);*/
    background: rgb(0 0 0 / 40%);
    text-align: center;
    padding: 20px;
    border: 1px solid #2a2a2a;
    height: 100%;
}
.four-col-icons .col .icon {
    text-align: center;
}
.four-col-icons .col .icon img {
    max-height: 50px;
    width: auto;
    margin: auto;
}
/*.four-col-icons .col h4 {
    font-weight: 400;
}*/
.four-col-icons .col p {
    line-height: 1.5;
    font-weight: 500;
    font-size: 20px;
    margin: 20px 0 0;
}
.four-col-icons {}
.four-col-icons {}


.service-buttons {
    margin-top: 30px;
    margin-bottom: 30px;
}
.service-buttons .item {
    margin: 10px 0;
}
.service-buttons .item a {
    display: block;
    text-align: center;
    font-size: 19px;
    padding: 10px;
    margin: 0;
}


.commanders {
    margin: 20px 0;
}
.commanders .item {
    margin: 15px 0;
}
/*.commanders .item .box {
    position: relative;
    background: hsl(0deg 0% 0% / 50%);
    border: 1px solid #3d3d3d;
}
.commanders .item .text {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
    background: lch(0 0 0 / 0.3);
}
.commanders .item .name {
    margin: 5px 0;
    font-size: 22px;
    font-weight: 500;
}
.commanders .item .job {
    margin: 5px 0;
    font-size: 16px;
    color: var(--light-orange-color);
}*/

.commanders .item .box {
    position: relative;
    background: hsl(0deg 0% 0% / 50%);
    border: 1px solid #3d3d3d;
    display: inline-block;
    width: 100%;
    display: flex;
    align-items: end;
}
.commanders .item .image {
    width: 200px;
    float: left;
}
.commanders .item .text {
    padding: 15px;
    padding-left: 25px;
    background: lch(0 0 0 / 0.3);
    width: calc(100% - 200px);
    float: left;
}
.commanders .item .name {
    margin: 5px 0;
    font-size: 22px;
    line-height: 1.5;
    font-weight: 600;
}
.commanders .item .job {
    margin: 5px 0;
    /*font-size: 16px;*/
    line-height: 1.5;
    color: var(--light-orange-color);
}


.operations {
    border-top: 2px solid #444444;
    border-bottom: 2px solid #444444;
    margin: 50px 0;
}
.operations .col-sm-4 {
    padding-top: 30px;
    padding-bottom: 30px;
}
.operations .three-arrows {
    text-align: center;
    margin: 20px 0;
}
.operations .three-arrows p {
    font-weight: 500;
    font-size: 25px;
    margin: 10px 0;
    line-height: 2;
    background: rgb(0 0 0 / 40%);
    padding: 10px;
    background: rgb(185 29 7 / 30%);
}
.operations .three-arrows p img {
    height: 30px;
    width: auto;
    margin: 0 25px;
}
.operations .three-arrows {}
.operations h3 {
    font-weight: 500;
    font-family: inherit;
    font-size: 26px;
}
.operations ul {
    padding-left: 0px;
}
.operations ul li {
    margin-bottom: 10px;
}
.operations .small-image {
    text-align: center;
}
.operations .small-image img {
    max-height: 100px;
    width: auto;
    margin: auto;
}
.operations {}
.operations {}
.operations {}

.integrated-CIS-img {
    padding: 20px;
}


.training-box {

}
.training-box .item {}
.training-box .box {
    border: 1px solid #b91d07;
    border: 2px solid #974f4fc4;
    padding: 25px;
}
.training-box .item {

}
.training-box .item img {}
.training-box .item h3 {

}
.training-box .item ul {
    padding-left: 0;
}
.training-box .item a {
    margin: 10px 0;
    display: inline-block;
}


.training-programs {
    margin-bottom: 50px;
}
.training-programs .items {
    margin-bottom: 30px;
}
.training-programs .item {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
    text-align: left;
}
.training-programs .item .box {
    background: rgb(0 0 0 / 40%);
    padding: 15px;
    border: 1px solid #2a2a2a;
    display: inline-block;
    width: 100%;
}
.training-programs .item .icon {
    float: left;
    display: inline-block;
    margin-right: 20px;
    width: 50px;
}
.training-programs .item .icon img {
    width: auto;
    max-height: 35px;
}
.training-programs .item span {
    font-size: 20px;
    font-weight: 500;
}
.training-programs {}
.training-programs {}



















/*search page*/
.search-content {
    display: block;
    margin: auto;
    max-width: 1000px;
}
.search-results .result {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #4f4f4f;
}   
.search-results .result .text p{
    margin-bottom: 0;
    font-size: 16px;
}
.search-results .result .text a.title{
    font-size: 20px;
    font-weight: 500;
    display: block;
    clear: both;
    margin-bottom: 5px;
}


.error-404 {
    max-width: 550px;
    margin: auto;
}
.error-404 form {
    display: inline-block;
    width: 100%;
}
.error-404 form input {
    display: inline-block;
    width: calc(100% - 100px);
    float: left;
    border: 1px solid #71bd37;
    height: 50px;
    padding: 10px;
    font-size: 18px;
    border-radius: 0;
}
.error-404 form button {
    display: inline-block;
    float: left;
    width: 100px;
    font-size: 17px;
    height: 50px;
    text-align: center;
    padding: 5px;
    margin: 0;
}


.sitemap-section {
    margin-bottom: 40px;
}
.sitemap-section .links {
    display: inline-block;
    width: 100%;
}
.sitemap-section .links a {
    width: 24%;
    margin-right: 1%;
    margin-bottom: 20px;
    display: inline-block;
    float: left;
    color: #fff;
    font-size: 17px;
}


/*owl slider*/

/*.blogs-slider {
    position: relative;
}
.blogs-slider .flex-direction-nav {
    position: absolute;
    left: 0;
    right: 0;
    display: block;
    top: 40%;
}
.blogs-slider .flex-direction-nav .flex-prev {
    float: left;
    margin-left: -50px;
    z-index: 99;
    position: relative;
}
.blogs-slider .flex-direction-nav .flex-next {
    float: right;
    margin-right: -50px;
    z-index: 99;
    position: relative;
}
.blogs-slider .flex-direction-nav i {
    font-size: 35px;
}
.blogs-slider .owl-carousel {

}
.blogs-slider .owl-stage {
    display: flex;
}
.blogs-slider .owl-item {
    display: flex;
    align-items: stretch;
}*/


.contact-info {}
.contact-info p {
    margin-bottom: 25px;
}
.contact-info p a {
    color: #fff;
    font-size: 20px;
}
.contact-info p a i {
    font-size: 18px;
    margin-right: 5px;
}
.contact-form {}
.contact-form .form-group {
    margin-bottom: 20px;
}
.contact-form .form-group label {
    font-weight: 500;
}
.contact-form .form-group input {
    height: auto;
    font-size: 18px;
    font-weight: 500;
    padding: 10px;
    border-radius: 0;
}
.contact-form .form-group textarea {
    min-height: 150px;
    min-width: 100%;
    max-width: 100%;
    font-size: 18px;
    font-weight: 500;
    padding: 10px;
    border-radius: 0;
}
.contact-form button {
    margin: 10px 0;
}
.contact-form .form-group label.error {
    color: red;
}
.contact-form {}